import {
  UserLayout,
  TabLayout,
  RouteView,
  BlankLayout,
  PageView
} from '@/components/layouts'

/**
 * 走菜单，走权限控制
 * @type {[null,null]}
 */
export const asyncRouterMap = [

  {
    path: '/',
    name: 'dashboard',
    component: TabLayout,
    meta: {
      title: '首页'
    },
    redirect: '/dashboard/workplace',
    children: [

      // dashboard
      {
        path: '/dashboard',
        name: 'dashboard',
        redirect: '/dashboard/workplace',
        component: RouteView,
        meta: {
          title: '仪表盘',
          icon: 'dashboard',
          permission: ['dashboard']
        },
        children: [{
            path: '/dashboard/analysis',
            name: 'Analysis',
            component: () => import('@/views/system/dashboard/Analysis'),
            meta: {
              title: '分析页',
              permission: ['dashboard']
            }
          },
          // {
          //   path: '/dashboard/monitor',
          //   name: 'Monitor',
          //   hidden: true,
          //   component: () => import('@/views/dashboard/Monitor'),
          //   meta: {
          //     title: '监控页',
          //     permission: ['dashboard']
          //   }
          // },
          {
            path: '/dashboard/workplace',
            name: 'Workplace',
            component: () => import('@/views/system/dashboard/Workplace'),
            meta: {
              title: '工作台',
              permission: ['dashboard']
            }
          }
        ]
      },
      // Exception
      {
        path: '/exception',
        name: 'exception',
        component: RouteView,
        redirect: '/exception/403',
        meta: {
          title: '异常页',
          icon: 'warning',
          permission: ['exception']
        },
        children: [{
            path: '/exception/403',
            name: 'Exception403',
            component: () => import( /* webpackChunkName: "fail" */ '@/views/system/exception/403'),
            meta: {
              title: '403',
              permission: ['exception']
            }
          },
          {
            path: '/exception/404',
            name: 'Exception404',
            component: () => import( /* webpackChunkName: "fail" */ '@/views/system/exception/404'),
            meta: {
              title: '404',
              permission: ['exception']
            }
          },
          {
            path: '/exception/500',
            name: 'Exception500',
            component: () => import( /* webpackChunkName: "fail" */ '@/views/system/exception/500'),
            meta: {
              title: '500',
              permission: ['exception']
            }
          }
        ]
      },

      // account
      {
        path: '/account',
        component: RouteView,
        name: 'account',
        meta: {
          title: '个人页',
          icon: 'user',
          keepAlive: true,
          permission: ['user']
        },
        children: [{
            path: '/account/center',
            name: 'center',
            component: () => import('@/views/system/account/center/Index'),
            meta: {
              title: '个人中心',
              keepAlive: true,
              permission: ['user']
            }
          },
          {
            path: '/account/settings',
            name: 'settings',
            component: () => import('@/views/system/account/settings/Index'),
            meta: {
              title: '个人设置',
              hideHeader: true,
              keepAlive: true,
              permission: ['user']
            },
            redirect: '/account/settings/base',
            alwaysShow: true,
            children: [{
                path: '/account/settings/base',
                name: 'BaseSettings',
                component: () => import('@/views/system/account/settings/BaseSetting'),
                meta: {
                  title: '基本设置',
                  hidden: true,
                  keepAlive: true,
                  permission: ['user']
                }
              },
              {
                path: '/account/settings/security',
                name: 'SecuritySettings',
                component: () => import('@/views/system/account/settings/Security'),
                meta: {
                  title: '安全设置',
                  hidden: true,
                  keepAlive: true,
                  permission: ['user']
                }
              },
              {
                path: '/account/settings/custom',
                name: 'CustomSettings',
                component: () => import('@/views/system/account/settings/Custom'),
                meta: {
                  title: '个性化设置',
                  hidden: true,
                  keepAlive: true,
                  permission: ['user']
                }
              },
              {
                path: '/account/settings/binding',
                name: 'BindingSettings',
                component: () => import('@/views/system/account/settings/Binding'),
                meta: {
                  title: '账户绑定',
                  hidden: true,
                  keepAlive: true,
                  permission: ['user']
                }
              },
              {
                path: '/account/settings/notification',
                name: 'NotificationSettings',
                component: () => import('@/views/system/account/settings/Notification'),
                meta: {
                  title: '新消息通知',
                  hidden: true,
                  keepAlive: true,
                  permission: ['user']
                }
              },
            ]
          },
        ]
      }
    ]
  },
  {
    path: '*',
    redirect: '/404',
    hidden: true
  }
]

/**
 * 基础路由
 * @type { *[] }
 */
export const constantRouterMap = [{
    path: '/user',
    component: UserLayout,
    redirect: '/user/login',
    hidden: true,
    children: [{
        path: 'login',
        name: 'login',
        component: () => import( /* webpackChunkName: "user" */ '@/views/system/user/Login01')
      },
      {
        path: 'register',
        name: 'register',
        component: () => import( /* webpackChunkName: "user" */ '@/views/system/user/Register')
      },
      {
        path: 'register-result',
        name: 'registerResult',
        component: () => import( /* webpackChunkName: "user" */ '@/views/system/user/RegisterResult')
      },
      {
        path: 'alteration',
        name: 'alteration',
        component: () => import( /* webpackChunkName: "user" */ '@/views/system/user/Alteration')
      },
    ]
  },

  // {
  //   path: '/',
  //   name: 'index',
  //   component: TabLayout,
  //   meta: {title: '首页'},
  //   redirect: '/dashboard/workplace',
  //   children: [
  //     {
  //       path: '/online',
  //       name: 'online',
  //       redirect: '/online',
  //       component: RouteView,
  //       meta: {title: '在线开发', icon: 'dashboard', permission: ['dashboard']},
  //       children: [
  //         {
  //           path: '/online/auto/:code',
  //           name: 'report',
  //           component: () => import('@/views/modules/online/cgreport/OnlCgreportAutoList')
  //         },
  //       ]
  //     },
  //   ]
  // },

  {
    path: '/test',
    component: BlankLayout,
    redirect: '/test/home',
    children: [{
      path: 'home',
      name: 'TestHome',
      component: () => import('@/views/Home')
    }]
  },
  {
    path: '/monitor',
    name: 'Monitor',
    hidden: true,
    component: () => import('@/views/system/dashboard/Monitor'),
    meta: {
      title: '监控页',
      // permission: ['dashboard']
    }
  },
  {
    path: '/404',
    component: () => import( /* webpackChunkName: "fail" */ '@/views/system/exception/404')
  },

]